<template>
  <div class="video_details_content">
    <div class="content_common">
      <!--<keep-alive>-->
        <content-common v-if="videoData.video" :video="videoData.video"></content-common>
      <!--</keep-alive>-->
    </div>
    <div>
      <div class="about">相关推荐</div>
      <hai-nan :videoHaiNanList="videoData.recommend"></hai-nan>
    </div>
  </div>
</template>

<script>

  import HaiNan from './HaiNan';
  import ContentCommon from './ContentCommon';
  export default {
    props:{
      videoData:{
        type:Object
      },
    },
    name: 'videoDetailsContent',
    data(){
      return{
        // videoPath:this.videoData.video.video_path
      }
    },

    created(){

    },
    components: {ContentCommon, HaiNan,}
  }
</script>

<style scoped>

  .about{
    padding: 10px;
  }
</style>
